
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>EduChain教育链-会员注册</title>
    <link href="/css/login.css" rel="stylesheet" type="text/css"  />
    <link href="/css/share.css" rel="stylesheet" type="text/css"  />
    <script src="/Admin/js/jquery-1.8.3.min.js"></script>
    <link rel="stylesheet" href="/Admin/layer/skin/default/layer.css">
    <script src="/Admin/layer/layer.js"></script>
    <script src="/js/jquery.min.js"></script>

    <script language=javascript>
        var InterValObj; //timer变量，控制时间
        var count = 60; //间隔函数，1秒执行
        var curCount;//当前剩余秒数

        function validatemobile(mobile)
        {
            if(mobile.length==0)
            {
                alert('请输入手机号码！');
                document.form1.mobile.focus();
                return false;
            }
            if(mobile.length!=11)
            {
                alert('请输入有效的手机号码！');
                document.form1.mobile.focus();
                return false;
            }

            var myreg = /^(((1[3-8][0-9]{1})|159|153)+\d{8})$/;
            if(!myreg.test(mobile))
            {
                alert('请输入有效的手机号码！');
                document.form1.mobile.focus();
                return false;
            }

        }

        function sendMessage() {

            var mobile = document.getElementById("account").value;
            validatemobile(mobile);//调用上边的方法验证手机号码的正确性


            curCount = count;
            //设置button效果，开始计时
            $("#btnSendCode").attr("disabled", "true");
            $("#btnSendCode").val("重新发送(" + curCount + ")");
            InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
            //向后台发送处理数据

            $.ajax({
                type: "POST", //用POST方式传输     　　
                url: 'php/api/sms.php', //目标地址.
                dataType: "json", //数据格式:JSON
                //data: "dealType=" + dealType +"&uid=" + uid + "&code=" + code,
                data: "&a="+mobile,
                success: function(json){
                    if(json.msgid==1){//成功的处理
                        alert(json.html);
                    }
                    else if(json.msgid==2){//失败的处理
                        curCount=0;
                        alert(json.html);
                    }
                    else{
                        alert(json.html);
                    }
                }
            });
        }

        //timer处理函数
        function SetRemainTime() {
            if (curCount == 0) {
                window.clearInterval(InterValObj);//停止计时器
                $("#btnSendCode").removeAttr("disabled");//启用按钮
                $("#btnSendCode").val("重发验证码");
            }
            else {
                curCount--;
                $("#btnSendCode").val("重新发送(" + curCount + ")");
            }
        }
        function CheckForm(){
            var phone =document.form1.account.value;
            if(!(/^1[34578]\d{9}$/.test(phone))){
                layer.msg('请输入正确的手机号码！',{
                    time:2000  //2毫秒
                });
                document.form1.account.focus();
                return false;
            }

            if(document.form1.pwd.value.length<5){
                layer.msg('登录密码最少六位！',{
                    time:2000  //2毫秒
                });
                document.form1.pwd.focus();
                return false;
            }

            if(document.form1.pwd.value!=document.form1.pwd1.value){
                layer.msg('两次输入登录密码不一致！',{
                    time:2000  //2毫秒
                });
                document.form1.pwd1.focus();
                return false;
            }

            if(document.form1.pwd2.value.length<5){
                layer.msg('交易密码最少六位！',{
                    time:2000  //2毫秒
                });
                document.form1.pwd2.focus();
                return false;
            }

            if(document.form1.pwd2.value!=document.form1.pwd3.value){
                layer.msg('两次输入交易密码不一致！',{
                    time:2000  //2毫秒
                });
                document.form1.pwd3.focus();
                return false;
            }





//document.form1.toLogin.disabled="disabled";
        }

    </script>
    <script type="text/javascript">
        var msg = "{{Session::get('message')}}";
        //触发事件
        $(window).ready(function(){
            if(msg){
                layer.msg(msg,{
                    time:2000  //2毫秒
                });
            }
        });
    </script>

</head>
<body id="loginBody">
<div id="loginBezel" style="height:450px; ">
    <div align="center" id="loginChildTop" style="height:60px">EduChain教育链 － 注册</div>
    <div id="loginChildBottom">
        <table cellpadding="0" cellspacing="0" width="100%" height="95%" border="0">
            <form name="form1" action="/doregister" method="post" onsubmit="{return CheckForm();}">
              {{csrf_field()}}
                <tr>
                    <td align="right" width="35%"><label for="member_mobile">手机号：</label></td>
                    <td align="left" width="65%"><input name="member_mobile" type="text" class="inputUP" id="account" placeholder="您的手机号" autocomplete="off" maxlength="11"/></td>
                </tr>
                <tr>
                    <td align="right"><label for="code">验证码：</label></td>
                    <td align="left"><input autocomplete="off" maxlength="4" type="text" name="code" id="checkNum"/>&nbsp;<span id="checkNumResult"><img src="captcha" onclick="this.src='captcha?'+Math.random()" id="getcode_num" title='' align="absmiddle"></span></td>
                </tr>

                <tr>
                    <td align="right"><label for="member_passwd">登录密码：</label></td>
                    <td align="left"><input name="member_passwd" type="password" class="inputUP" id="pwd" placeholder="设置登录密码" maxlength="16"/></td>
                </tr>
                <tr>
                    <td align="right"><label for="member_passwd1">重复密码：</label></td>
                    <td align="left"><input name="member_passwd1" type="password" class="inputUP" id="pwd1" placeholder="确认登录密码"  maxlength="16"/></td>
                </tr>
                <tr>
                    <td align="right"><label for="trade_passwd">交易密码：</label></td>
                    <td align="left"><input name="trade_passwd" type="password" class="inputUP" id="pwd2" placeholder="设置交易密码"  maxlength="16"/></td>
                </tr>
                <tr>
                    <td align="right"><label for="trade_passwd1">重复密码：</label></td>
                    <td align="left"><input name="trade_passwd1" type="password" class="inputUP" id="pwd3" placeholder="确认交易密码"  maxlength="16"/></td>
                </tr>
                {{--<tr>--}}
                    {{--<td align="right" width="35%"><label for="sms">短信验证码：</label></td>--}}
                    {{--<td align="left" width="65%"><input name="sms" type="text" class="inputUP" style="width:80px;" id="sms" placeholder="验证码" autocomplete="off" maxlength="6"/>--}}
                        {{--<input style="width:110px; height:30px" id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" /></p>  </td>--}}
                {{--</tr>--}}
                {{--<tr>--}}
                @if(isset($_GET['code']))
                <input type="hidden" name="code2" value="{{$_GET['code']}}"> @endif
                    <td align="center" colspan="2"><input type="submit"　name="submit1" id="toLogin" value="注册"/>　<span id="to">已注册，去<a id="toto" href="/login">登录</a></span></td>
                </tr>
            </form>
        </table>
    </div>
</div>
</body>
</html>
